<template>
    <div>
        <head-top v-if="!$route.meta.fluid"></head-top>
        <div id="content">
            <div v-if="!$route.meta.fluid" class="container">
                <router-view/>
            </div>
            <div v-else>
                <router-view/>
            </div>
            
        </div>
        
        <foot-bottom class="foot"></foot-bottom>
    </div>
</template>
<script>
import HeadTop from '@/components/head'
import FootBottom from '@/components/foot'
export default{
    components:{
        HeadTop,
        FootBottom
    }
}
</script>
<style lang="less" scoped>
#content{
    background:#f3f3f4;
    .container{
        min-height: 1000px;
        width: 1200px;
        margin: 0 auto;
    }
    .foot{
      position: absolute;
      bottom: 0px;
    }
}
</style>
<style>
  input:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  }
  input[type=text]:focus, input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset;
  }
</style>
